<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<title>便民医疗服务</title>
	<!-- Bootstrap CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- FlatIcons CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/flaticon.css" rel="stylesheet">
	<!-- Camera Slider CSS -->
	<link href="${pageContext.request.contextPath}/assets/js/plugins/camera/css/camera.css" rel="stylesheet">
	<!-- Magnific Popup CSS -->
	<link href="${pageContext.request.contextPath}/assets/js/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/animate.css">
	<!-- Main CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/responsive.css" rel="stylesheet">
	<!-- Favicon File -->
	
	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
</head>
<body>

     

<!-- Start Header Area -->
	<header class="main-header">
		<div class="container container-relative">
			<!-- Start TopBar Area -->
			<div class="top-bar hidden-sm hidden-xs">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<span class="top-info"><i class="fa fa-phone"></i></span>+1 888 888 8888
						<span class="top-info"><i class="fa fa-envelope-o"></i></span>info@yoursite.com
						<span class="top-info"><i class="fa fa-map-marker"></i></span>福建省莆田市医院
						<span class="top-info"><i class="fa fa-calendar"></i></span>周一 ~ 周日 9:00 - 20:00
					</div>
					<div class="col-sm-3 col-xs-12">
						<ul class="list-unstyled list-inline">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- End TopBar Area -->
			<!-- Start NavBar Area -->
			<nav id="nav" class="navbar navbar-default navbar-static-top affix-top">
				<div class="container">
					<div class="navbar-header">
						<!-- Start Collapse Button -->
						
						<!-- End Collapse Button -->
						<!-- Start Website Logo -->
						<a href="index.jsp" class="navbar-brand">
							<img src="${pageContext.request.contextPath}/assets/images/logo.png" class="logo" alt="Logo"> Medical <span>Service</span>
						</a>
						<!-- End Website Logo -->
					</div>
					<!-- Start Menu Area -->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li class="active"><a href="index.jsp">首页</a></li>
							<li><a href="about.jsp">关于我们</a></li>
							
							
									<li><a href="doctors.jsp">医生</a></li>
							
							
									<li><a href="departments.jsp">科室部门</a></li>
							
							
							
							
							<li><a href="contact.jsp">联系我们</a></li>
							<li><a href="personalinfo.jsp">我的信息</a></li>
						</ul>
					</div>
					<!-- Start Menu Area -->
				</div>
			</nav>
			<!-- End NavBar Area -->
		</div>
	</header>
	<!-- End Header Area -->
	<div class="main-banner five">
		<div class="container">
			<h2><span>小贴士</span></h2>
		</div>
	</div>
	<!-- End Page Banner Area -->
	<!-- Start Breadcrumb Area -->
	<div class="breadcrumb">
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li><a href="index.jsp">首頁</a></li>				
				<li class="active">小贴士</li>
			</ul>
		</div>
	</div>
	<!-- End Breadcrumb Area -->
	<!-- Start Main Container Area -->
	<div class="container main-container">
	<!-- Nested Row Starts -->
		<div class="row">
			<!-- Start Content Area -->
			<div class="col-md-9 col-sm-12 col-xs-12">
				<div class="news-post-single">
					<!-- Start News Content -->
					<article class="news-post">
						<img src="../assets/images/news-post-img-2.jpg" alt="Blog Image" class="img-responsive img-center-sm img-center-xs">
						<div class="inner">
							<h4>
								<a href="news-single.html">We are having new Lungs Department</a>
							</h4>
							<ul class="list-unstyled list-inline post-meta">
								<li><i class="fa fa-calendar"></i>21/01/2018</li>
								<li><i class="fa fa-clock-o"></i>17:00</li>
								<li><i class="fa fa-user"></i><a href="#">John Doe</a></li>
								<li><a href="#"><i class="fa fa-comments-o"></i> 10 Comments</a></li>
								<li><i class="fa fa-tag"></i>
									<a href="#">General</a>,
									<a href="#"> Health</a>,
									<a href="#"> Body</a>
								</li>
							</ul>
							<div class="news-post-content">
								<p>
									Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
								</p>
								<p>
									It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
								</p>
								<p>
									It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
								</p>
								<blockquote>
									<p>
										Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet sollicitudin interdum. Suspendisse pulvinar, velit nec pharetra interdum, ante tellus ornare mi, et mollis tellus neque vitae elit. Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
								</blockquote>
								<p>
									Neque porro quisquam dolorem ipsum quia dolor amet consectetur adipisci velit, sed quia non numquam eius modi tempora incidunt et dolore magnam aliquam quaerat voluptatem itaque earum rerum hic tenetur sapiente delectus aut reiciendis voluptatibus maiores consequatur.
								</p>
								<div class="row">
									<div class="col-sm-6 col-xs-12">
										<ul class="list-unstyled list-style-2">
											<li>Qualified Staff of Doctors</li>
											<li>Feel like you are at Home Services</li>
											<li>24x7 Emergency Services</li>
											<li>Save your Money and Time with us</li>
											<li>Easy and Affordable Billing</li>
										</ul>
									</div>
									<div class="col-sm-6 col-xs-12">
										<ul class="list-unstyled list-style-2">
											<li>Qualified Staff of Doctors</li>
											<li>Feel like you are at Home Services</li>
											<li>24x7 Emergency Services</li>
											<li>Save your Money and Time with us</li>
											<li>Easy and Affordable Billing</li>
										</ul>
									</div>
								</div>
								<p>
									It was popularised of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
								</p>
							</div>
						</div>
					</article>
					<!-- End News Content -->
				</div>
				<!-- Start Author Bio -->
				<div class="blog-author-bio">
					<h4 class="side-heading1">About the Author</h4>
					<div class="row">
						<div class="col-xs-9 text-justify">
							<p>
								Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
							</p>
							<p>
								It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
							</p>
						</div>
						<div class="col-xs-3 author-bio-img">
							<img src="../assets/images/doctor-single.jpg" alt="Author Name" class="img-responsive">
						</div>
					</div>
				</div>
				<!-- End Author Bio -->
				<!-- Start Comments -->
				<div class="comments-area">
					<h4 class="main-heading2">
						<i class="fa fa-comments-o"></i> Comments (2)
					</h4>
					<!-- Start Comment #1 -->
					<div class="media">
						<a class="media-left" href="#">
							<img class="media-object" src="assets/images/avatar.png" alt="Avatar">
						</a>
						<div class="media-body">
							<h5><a href="#">Liza Razy</a></h5>
							<p class="date"><a href="#">Aug 09, 2015</a></p>
							<p>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
							</p>
							<p>
								Suspendisse pulvinar, velit nec pharetra interdum, ante tellus ornare mi, et mollis tellus neque vitae elit. Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada.
							</p>
							<a href="#" class="btn btn-secondary">Reply</a>
							<!-- Start Comment Repplay -->
							<div class="media">
								<a class="media-left" href="#">
									<img class="media-object" src="assets/images/avatar.png" alt="Avatar">
								</a>
								<div class="media-body">
									<h5><a href="#">Admin</a></h5>
									<p class="date"><a href="#">Aug 09, 2015</a></p>
									<p>
										Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									</p>
									<a href="#" class="btn btn-secondary">Reply</a>
								</div>
							</div>
							<!-- End Comment Repplay -->
						</div>
					</div>
					<!-- End Comment #1 -->
					<!-- Start Comment #2 -->
					<div class="media">
						<a class="media-left" href="#">
							<img class="media-object" src="assets/images/avatar.png" alt="Avatar">
						</a>
						<div class="media-body">
							<h5><a href="#">Liza Razy</a></h5>
							<p class="date"><a href="#">Aug 09, 2015</a></p>
							<p>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
							</p>
							<p>
								Suspendisse pulvinar, velit nec pharetra interdum, ante tellus ornare mi, et mollis tellus neque vitae elit. Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada.
							</p>
							<a href="#" class="btn btn-secondary">Reply</a>
						</div>
					</div>
					<!-- End Comment #2 -->
				</div>
				<!-- End Comments -->
				<!-- Start Live Comments -->
				<div class="comment-form">
					<h4 class="main-heading2"><i class="fa fa-pencil-square-o"></i> Live Comment</h4>
					<form method="post" action="#">
						<div class="row">
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Full Name *" required>
								</div>
							</div>
							<div class="col-md-6 col-xs-12">
								<div class="form-group">
									<input type="text" class="form-control no-border-radius" placeholder="Email Address *" required>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="form-group">
									<textarea class="form-control no-border-radius" rows="5" placeholder="Message"></textarea>
								</div>
							</div>
							<div class="col-xs-12">
								<input type="submit" class="btn btn-secondary text-uppercase" value="Submit Now">
							</div>
						</div>
					</form>
				</div>
				<!-- End Live Comments -->
			</div>
			<!-- End Content Area -->
			<!-- Start Sidearea Area -->
			<div class="col-md-3 col-sm-12 col-xs-12">
				<!-- Start Latest News -->
				<h4 class="side-heading1 top">Latest News</h4>
				<ul class="list-unstyled list-style-2">
					<li><a href="#">Primary Health Care</a></li>
					<li><a href="#">Diagnosis With Precise</a></li>
					<li><a href="#">Major Surgery</a></li>
					<li><a href="#">Outpatient Rehabilitation</a></li>
					<li><a href="#">Cardiac Clinic</a></li>
					<li><a href="#">Ophthalmology</a></li>
					<li><a href="#">24x7 Ambulance </a></li>
				</ul>
				<!-- End Latest News -->
				<!-- Start Recent Comments -->
				<h4 class="side-heading1">
					<span class="hidden-md hidden-sm">Recent </span>Comments
				</h4>
				<div id="comments-carousel" class="comments-carousel carousel vertical slide" data-ride="carousel">
					<div class="carousel-inner">
						<!-- Start Slide #1 -->
						<div class="item active">
							<ul class="list-unstyled recent-comments-list">
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
							</ul>
						</div>
						<!-- End Slide #1 -->
						<!-- Start Slide #2 -->
						<div class="item">
							<ul class="list-unstyled recent-comments-list">
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
								<li>
									<p>
										<a href="#">
											Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet ...
										</a>
									</p>
									<span class="date-stamp">
										<i class="fa fa-clock-o"></i> 27/01/2018
										<i class="fa fa-user"></i> John Doe
									</span>
								</li>
							</ul>
						</div>
						<!-- End Slide #2 -->
					</div>
					<!-- Wrapper for Slides Ends -->
					<!-- Controls Starts -->
					<a class="left carousel-control" href="#comments-carousel" role="button" data-slide="prev">
						<span class="fa fa-angle-up" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#comments-carousel" role="button" data-slide="next">
						<span class="fa fa-angle-down" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
					<!-- Controls Ends -->
				</div>
				<!-- End Carousel Slides -->
				<!-- Start News Tags -->
				<h4 class="side-heading1">News Tags</h4>
				<ul class="list-unstyled list-inline list-tags">
					<li><a href="#">General</a></li>
					<li><a href="#">Primary Health</a></li>
					<li><a href="#">Outpatient Surgery</a></li>
					<li><a href="#">Health</a></li>
					<li><a href="#">Friendly Staff</a></li>
					<li><a href="#">Pediatric Clinic</a></li>
					<li><a href="#">Body</a></li>
				</ul>
				<!-- End News Tags -->
				<!-- Start Testimonials -->
				<h4 class="side-heading1">Testimonials</h4>
				<div id="testimonial-carousel" class="testimonial-box carousel" data-ride="carousel">
					<!-- Start Testimonial Titles -->
					<ol class="carousel-indicators">
						<li data-target="#testimonial-carousel" data-slide-to="0" class="active"></li>
						<li data-target="#testimonial-carousel" data-slide-to="1"></li>
						<li data-target="#testimonial-carousel" data-slide-to="2"></li>
					</ol>
					<!-- End Testimonial Titles -->
					<!-- Start Testimonial Tabs -->
					<div class="carousel-inner quote-box" role="listbox">
						<i class="fa fa-quote-left fa-2x"></i>
						<!-- Start Tab #1 -->
						<div class="item active">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Jeniffier Barter<br>
								<span>Female, 45 Years</span>
							</div>
						</div>
						<!-- End Tab #1 -->
						<!-- Start Tab #2 -->
						<div class="item">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Sam Armstrong<br>
								<span>Male, 36 Years</span>
							</div>
						</div>
						<!-- End Tab #2 -->
						<!-- Start Tab #3 -->
						<div class="item">
							<blockquote>
								Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dol or id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit ...
							</blockquote>
							<div class="quote-footer">
								Julia Hotter<br>
								<span>Female, 29 Years</span>
							</div>
						</div>
						<!-- Start Tab #3 -->
					</div>
					<!-- End Testimonial Tabs -->
				</div>
				<!-- End Testimonials -->
			</div>
			<!-- End Sidearea Area -->
		</div>
	<!-- Nested Row Ends -->
	</div>
	<!-- End Main Container Area -->
<!-- Start Footer Area -->
	<footer class="main-footer">
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<!-- Start Information Area -->
					<div class="col-md-3 col-sm-4 col-xs-6">
						<h4>相关信息</h4>
						<ul class="list-unstyled address-list">
							<li class="clearfix">
								<i class="fa fa-phone"></i>
								+1 888 888 8888
							</li>
							<li class="clearfix">
								<i class="fa fa-envelope-o"></i>
								info@yoursite.com
							</li>
							<li class="clearfix address">
								<i class="fa fa-map-marker"></i>
								福建省莆田市医院
							</li>
							<li class="clearfix">
								<i class="fa fa-calendar"></i>
								周一 ~ 周日   9:00 - 20:00
							</li>
						</ul>
					</div>
					<!-- End Information Area -->
					
					
					
				</div>
			</div>
		</div>
		<!-- Start Copyright Area -->
		<div class="copyright">
			<div class="container clearfix">
				<p class="pull-left">
					&copy; 2018 <span>MedicalService</span>
				</p>
				<ul class="list-unstyled list-inline pull-right">
					<li><a href="about.jsp">关于我们</a></li>
					<li><a href="contact.jsp">欢迎联系</a></li>
				</ul>
			</div>
		</div>
		<!-- End Copyright Area -->
	</footer>
	<!-- End Footer Area -->
	<!-- Start Back To Top Button -->
	<div id="back-to-top">
		<a href="#"><i class="fa fa-arrow-up"></i></a>
	</div>
	<!-- End Back To Top Button -->
    <!-- JQuery JS -->
    <script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
    <!-- JQuery Migrate JS -->
    <script src="${pageContext.request.contextPath}/assets/js/jquery-migrate.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
    <!-- Slider JS Files -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/jquery.mobile.customized.min.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/jquery.easing.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/camera.min.js"></script>
    <!-- Modernizr JS -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
    <!-- Popup JS -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Wow JS -->
    <script src="${pageContext.request.contextPath}/assets/js/wow.min.js"></script>
    <!-- Main JS -->
    <script src="${pageContext.request.contextPath}/assets/js/main.js"></script>
</body>
</html>
